<template>
  <div class="private">
    <div class="Nav">
      <van-icon name="arrow-left" size="30" class="arrow" @click="turnSetting"/>
      <div class="var-title">隐私中心</div>
    </div>
    <div class="personMsg">
      <van-cell-group title="个人信息">
        <van-cell title="个人信息下载" is-link />
      </van-cell-group>
      <van-cell-group title="隐私政策与权限设置">
        <van-cell title="个人信息保护指引" is-link />
        <van-cell title="第三方收集使用个人信息列表" is-link />
        <van-cell title="撤回权限" is-link />
      </van-cell-group>
    </div>
  </div>
</template>

<script>
export default {
  name: "Private",
  data() {
    return {
    };
  },
  methods: {
    turnSetting(){
      this.$router.push({name:"Setting"})
    },
  },
};
</script>

<style lang="postcss" scoped>
.private{
      height: 667px;
    width: 375px;
    background-color: #f7f7f7;
}
.Nav{
    width: 100%;
    height: 60px;
    background-color: #fff;
    position: relative;
}
.arrow{
    margin-left:10px;
    margin-top: 15px;
}
.var-title{
  position: absolute;
  left: 45%;
  top: 35%;
  font-size: 16px;
  font-weight: 600;
}
</style>